import React from 'react';
import './index.css';

/**
 * Type 1 music pad
 * Type 2 radio station pad
 * Type 3 
 */
const MediaPad = ({ pad }) => {
    return (
        pad ? (
            <div className="media-pad list-mode">
                <img className="bg-img" src={pad.picUrl} />
                <div className="icon"></div>
                <div className="stats"></div>
                <div className="title">{pad.name}</div>
                <div className="play-btn"></div>
            </div>
        ) : (<></>)
    )
}

export default MediaPad;